.hx-scroll-menu-container {
  position: relative;
  .scroll-menu-arrow-btn {
    display: flex;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    color: #ffffff;
    align-items: center;
    justify-content: center;
    font-size: 24px;

    cursor: pointer;

    &.scroll-menu-arrow-btn-disabled{
      opacity: 0.2;
      pointer-events: none;
    }
  }


  .react-horizontal-scrolling-menu--arrow-left {
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
  }

  .react-horizontal-scrolling-menu--arrow-right {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
  }

  .react-horizontal-scrolling-menu--scroll-container {
    scrollbar-width: none;
    -ms-overflow-style: none;
    &::-webkit-scrollbar{
      display: none;
    }
  }
}
